﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        @charset "utf-8";

        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, font, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td, hr {
            /*margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            vertical-align: baseline;*/
        }

        ol, ul {
            list-style: none;
        }

        blockquote, q {
            quotes: none;
        }

            blockquote:before,
            blockquote:after,
            q:before,
            q:after {
                content: '';
                content: none;
            }

        :focus {
            outline: 0;
        }

        fieldset {
            border: 0;
            margin: 0;
            padding: 0;
        }

        ins {
            text-decoration: none;
        }

        del {
            text-decoration: line-through;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        a {
            text-decoration: none;
        }

        img {
            border: 0;
        }
        /* Until ================================================================================= */
        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .clearfix {
            display: inline-block;
        }

        .clearfix {
            display: block;
        }

        .clear {
            clear: both;
        }

        button:focus, textarea:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="text"]:focus {
            border-color: #aaaaaa;
        }

        input.error, select.error, textarea.error {
            border: 1px #FF0000 solid !important;
        }
        /*-----------------------Subiz-Widget-------------------*/
        body {
            margin: 0;
            padding: 0;
            font-family: Helvetica Neue,Helvetica,Tahoma, Geneva, sans-serif;
            font-size: 12px;
            color: #666;
            line-height: 16px;
        }
        /*-----------------------Subiz-Offline-------------------*/
        .widget-sprites {
            background: url(http://static-dashboard.subiz.com/widget/img/widget-sprites.png);
        }

        #subiz_right_bottom {
            position: absolute;
            bottom: 0;
            right: 0px;
            direction: ltr;
        }

        #subiz_wrapper {
            position: fixed;
            z-index: 99999;
            right: 0px;
            bottom: 0;
        }

        .button_chat_offline {
            position: relative;
            padding: 5px 0px 9px 0;
            color: #FFF;
            border-radius: 6px 6px 0 0;
            cursor: pointer;
            width: 100%;
        }

        .color_theme_default {
            background-color: #1687c5;
        }

        .button_chat_offline_text, .button_chat_online_text {
            font-weight: bold;
            padding: 0 15px 0 5px;
            cursor: pointer;
            vertical-align: middle;
        }

        .online_heading .button_chat_online_text {
            width: 250px;
            overflow: hidden;
            height: 18px;
        }

        .button_chat_offline .button_chat_offline_text {
            min-width: 130px;
            overflow: hidden;
            padding-top: 3px;
        }

        .button_chat_offline_text, .button_chat_offline_icon, .button_chat_icons, .offline_heading, .online_heading, .button_chat_offline {
            float: left;
        }

        .button_chat_offline_icon {
            width: 17px;
            height: 13px;
            background-position: -138px -17px;
            margin: 5px 4px 0px 8px;
        }

        .button_chat_icons {
            margin-top: 2px;
            margin-right: 10px;
            width: 14px;
            height: 17px;
        }

            .button_chat_icons:hover {
                opacity: 0.7;
                transition-duration: 1s;
            }

        .expand_icon {
            background-position: -156px -17px;
        }

        .shrink_icon {
            position: absolute;
            top: 15px;
            right: 0px;
            width: 18px;
            height: 4px;
            background-color: #FFF;
            box-shadow: 0px 1px 1px #555;
            border-radius: 1px;
        }

        .widget_body {
            position: relative;
            float: left;
            width: 290px;
            padding: 0 5px;
            border-radius: 6px 6px 0 0;
            display: none;
            box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
        }

        .offline_heading, .online_heading {
            position: relative;
            width: 100%;
            padding: 8px 0 10px 0;
            color: #FFF;
            cursor: pointer;
        }

        .widget_body_inner {
            position: relative;
            float: left;
            width: 100%;
            border: 1px #FFF solid;
            background-color: #FFF;
            padding: 5px 0;
            border-radius: 6px 6px 0 0;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

            .widget_body_inner div {
                padding: 5px 0;
            }

                .widget_body_inner div p {
                    padding: 0 15px;
                }

                .widget_body_inner div label {
                    display: block;
                    padding-bottom: 8px;
                }

        input.text, textarea, select {
            width: 100%;
            background-clip: padding-box;
            border: 1px solid #DDD;
            border-radius: 5px;
            padding: 5px 7px 7px 7px;
            margin: 0 auto;
            font: 13px Tahoma, Geneva, sans-serif;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .textarea_offline, .textarea_survey {
            box-shadow: 0px 0px 0px 4px #EEE;
            height: 50px;
        }

        .textarea_online {
            height: 50px;
        }

        .form-error {
            border-color: #ff8463 !important;
            box-shadow: 0px 0px 0px 4px #EEE;
        }

        .text_warning {
            font-style: italic;
            color: #FF0000;
            font-size: 11px;
            line-height: 11px;
        }

        .text_note {
            display: inline-block;
            font-size: 12px;
            vertical-align: middle;
        }

        .icon_login {
            display: inline-block;
            vertical-align: middle;
            width: 17px;
            height: 17px;
            margin-right: 5px;
        }

        .icon_login_facebook {
            background-position: -37px 0px;
        }

            .icon_login_facebook:hover {
                background-position: -72px 0px;
                transition-duration: 1s;
            }

        .icon_login_google {
            background-position: -54px 0px;
        }

            .icon_login_google:hover {
                background-position: -89px 0px;
                transition-duration: 1s;
            }

        .offline_end, .survey_end {
            border-top: 1px #e1e1e1 solid;
            margin-top: 5px;
            padding: 8px 0;
        }

        .btn_send_message, .btn_start_chat {
            width: 100%;
            text-align: center;
            padding: 6px 0 8px 0;
            color: #FFF;
            display: inline-block;
            border-radius: 4px;
            font-weight: bold;
            box-sizing: border-box;
        }

            .btn_send_message:hover, .btn_start_chat:hover {
                text-decoration: none;
                color: #FFF;
                opacity: 0.9;
                filter: alpha(opacity=90);
                transition-duration: 1s;
            }

        .btn_send_another {
            text-align: center;
            padding: 4px 28px 7px 28px;
            color: #FFF;
            display: inline-block;
            border-radius: 4px;
            font-weight: bold;
            box-sizing: border-box;
        }

            .btn_send_another:hover {
                text-decoration: none;
                color: #FFF;
                opacity: 0.8;
                filter: alpha(opacity=80);
                transition-duration: 1s;
            }

        .widget_body_footer {
            position: relative;
            float: left;
            width: 100%;
            padding: 5px 0;
            min-height: 16px;
        }

            .widget_body_footer div {
                position: relative;
                float: left;
                margin-right: 5px;
                display: inline;
            }

        .subiz_logo {
            position: absolute;
            width: 41px;
            height: 11px;
            background-position: -106px 0;
            right: 0;
            bottom: 8px;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

            .subiz_logo:hover {
                opacity: 1;
                filter: alpha(opacity=100);
                transition-duration: 0.3s;
            }

        .icon-social {
            display: inline-block;
            vertical-align: middle;
            width: 16px;
            height: 16px;
        }

            .icon-social:hover {
                opacity: 0.6;
                transition-duration: 1s;
            }

        .icon-social_twitter {
            background-position: 0px -18px;
        }

        .icon-social_facebook {
            background-position: -16px -18px;
        }

        #message_successful {
            display: none;
            padding-bottom: 70px;
        }

        .message_notice {
            background-color: #dcebff;
            border-radius: 5px;
            color: #444;
            margin: 0 15px;
            padding: 0 !important;
        }

            .message_notice .top_notice {
                border-bottom: 1px #ccd5e1 solid;
                padding: 5px 12px;
            }

            .message_notice .body_notice {
                padding: 5px 12px 12px 12px;
            }

        #offline_active_box {
            display: none;
        }

        .account_active {
            position: relative;
            background-color: #dcebff;
            border-radius: 5px;
            color: #444;
            margin: 0 15px;
            padding: 0 !important;
        }

        .name_account_active {
            padding: 5px 12px;
        }

        .icon_actions {
            position: absolute;
            top: 5px;
            opacity: 0.55;
        }

            .icon_actions:hover {
                opacity: 1;
                transition-duration: 1s;
            }

        .icon_delete {
            width: 10px;
            height: 10px;
            background-position: -44px -18px;
            right: 5px;
        }

        .icon_edit {
            width: 12px;
            height: 12px;
            background-position: -32px -18px;
            right: 15px;
        }

        .account_active .icon_edit {
            right: 25px;
        }
        /*-----------------------Subiz-Online-------------------*/
        .button_chat_online {
            position: relative;
            min-width: 180px;
            padding: 5px 30px 8px 0;
            color: #FFF;
            border-radius: 6px 6px 0 0;
            cursor: pointer;
        }

        .button_chat_online_logo {
            position: absolute;
            left: 1px;
            top: 1px;
            height: 100%;
            border-radius: 5px 0px 0px 0px;
        }

        .icon_subiz {
            display: inline-block;
            width: 24px;
            height: 17px;
            background-position: -54px -17px;
            margin: 5px 0 0 5px;
        }

        .button_chat_online_text {
            font-size: 13px;
            font-weight: bold;
            display: inline-block;
            padding: 0 10px 0 40px;
            cursor: pointer;
        }

        .notice_new_message {
            position: absolute;
            background-color: #ff7800;
            border: 1px #ff6600 solid;
            padding: 1px 4px;
            border-radius: 3px;
            font-size: 12px;
            color: #FFF;
            font-weight: bold;
            top: 4px;
            right: 8px;
        }

        .notice_new_message {
            animation: myfirst 0.5s;
            -moz-animation: myfirst 0.5s infinite;
            -webkit-animation: myfirst 0.5s infinite;
        }

        @-moz-keyframes myfirst /* Firefox */
        {
            0% {
                margin-top: 0px;
            }

            50% {
                margin-top: 2px;
            }

            100% {
                margin-top: 0px;
            }
        }

        @-webkit-keyframes myfirst /* Firefox */
        {
            0% {
                margin-top: 0px;
            }

            50% {
                margin-top: 2px;
            }

            100% {
                margin-top: 0px;
            }
        }

        .widget_online_top {
            position: relative;
            float: left;
            width: 100%;
            padding: 5px 0 8px 0;
            border-bottom: 1px #e1e1e1 solid;
        }

        .avatar_supporter {
            float: left;
            width: 54px;
            height: 54px;
            padding: 1px !important;
            border: 1px #DDD solid;
            border-radius: 2px;
            margin: 0 15px 0 10px;
            display: inline;
        }

            .avatar_supporter img {
                width: 54px;
                height: 54px;
            }

        .name_supporter {
            font-weight: bold;
            color: #333;
            font-size: 13px;
        }

        .text_supporter {
            font-size: 11px;
            color: #7e7e7e;
        }

        .logo_company {
            position: absolute;
            max-width: 100px;
            top: 15px;
            right: 12px;
        }

            .logo_company img {
                max-width: 100px;
            }

        .rating_button {
            margin-right: 3px;
            font-size: 11px;
            color: #9f9f9f;
        }

            .rating_button:hover {
                position: relative;
                text-decoration: none;
                color: #777;
            }

        a.rating_button[title]:hover:after {
            content: attr(title);
            padding: 1px 10px 3px 10px;
            font-size: 11px;
            color: #e0e0e0;
            position: absolute;
            left: 0;
            top: 100%;
            background-color: #333;
            white-space: nowrap;
            border-radius: 2px;
        }

        .rating_button font {
            padding: 0 0 0 2px;
        }

        .rate_button {
            display: inline-block;
            width: 14px;
            height: 15px;
        }

        .rate-good {
            background-position: -78px -17px;
            vertical-align: baseline;
        }

            .rate-good.rated {
                background-position: -186px 0px;
            }

        .rate-bad {
            background-position: -92px -17px;
            margin: 5px 0 0 0;
            vertical-align: text-bottom;
        }

            .rate-bad.rated {
                background-position: -186px -17px;
            }

            .rate-good:hover, .rate-bad:hover {
                opacity: 0.9;
                filter: alpha(opacity=90);
            }

        .subiz_conversion {
            position: relative;
            float: left;
            width: 96%;
            margin: 5px 0 0 0;
            left: 2%;
            padding: 0 !important;
        }

        .subiz_conversionin {
            position: relative;
            float: left;
            width: 100%;
            height: 230px;
            overflow-x: hidden;
            overflow-y: auto;
            margin-bottom: 20px;
        }

        .subiz_conversion a, .chat_warning a {
            color: #006297;
            text-decoration: none;
        }

            .subiz_conversion a:hover, .chat_warning a:hover {
                color: #006297;
                text-decoration: underline;
            }

        .supporter_chat, .visitor_chat {
            display: inline-block;
            width: 100%;
            padding: 0 !important;
        }

            .supporter_chat .name {
                position: relative;
                font-size: 12px;
                color: #555;
                text-indent: 40px;
                font-weight: normal;
                padding: 0;
            }

            .visitor_chat .name {
                position: relative;
                font-size: 12px;
                font-weight: normal;
                text-align: right;
                padding: 0 6px 0 0;
            }

        .line_message {
            display: inline-block;
            width: 100%;
            padding: 0 !important;
            margin: 5px 0 0 0;
        }

        .avatar_small {
            float: left;
            width: 24px;
            height: 24px;
            border: 1px #DDD solid;
        }

        .supporter_content_chat {
            position: relative;
            float: left;
            width: 78%;
            padding: 6px 8px;
            margin-left: 10px;
            display: inline-block;
            color: #1d2936;
            line-height: 14px;
            border: 1px #b5b5b5 solid;
            border-radius: 5px;
            background-color: #FFF;
            box-shadow: 0px 1px 1px #dfdfdf;
        }

            .supporter_content_chat:after {
                content: '';
                position: absolute;
                width: 0px;
                height: 0px;
                left: -6px;
                z-index: 9;
                top: 4px;
                border-style: solid;
                border-width: 6px 7px 6px 0;
                border-color: transparent #FFF transparent transparent;
            }

            .supporter_content_chat:before {
                content: '';
                position: absolute;
                width: 0px;
                height: 0px;
                left: -8px;
                z-index: 9;
                top: 3px;
                border-style: solid;
                border-width: 7px 8px 7px 0;
                border-color: transparent #b8b8b8 transparent transparent;
            }

        .visitor_content_chat {
            position: relative;
            float: right;
            width: 74%;
            padding: 6px 8px;
            margin-right: 6px;
            display: inline-block;
            font-size: 12px;
            color: #1d2936;
            line-height: 14px;
            border: 1px #91a1b3 solid;
            border-radius: 5px;
            background-color: #cde2ff;
            background: -webkit-gradient(linear, left top, left bottom, from(#e2eeff), to(#bad7ff));
            background: -moz-linear-gradient(top, #e2eeff, #bad7ff);
            box-shadow: 0px 1px 2px #dfdfdf;
        }

            .visitor_content_chat:after {
                content: '';
                position: absolute;
                width: 0px;
                height: 0px;
                right: -6px;
                z-index: 9;
                top: 4px;
                border-style: solid;
                border-width: 6px 0 6px 7px;
                border-color: transparent transparent transparent #d6e7ff;
            }

            .visitor_content_chat:before {
                content: '';
                position: absolute;
                width: 0px;
                height: 0px;
                right: -8px;
                z-index: 9;
                top: 3px;
                border-style: solid;
                border-width: 7px 0 7px 8px;
                border-color: transparent transparent transparent #91a1b3;
            }

        .text_notice {
            position: absolute;
            text-align: center;
            font-size: 11px;
            color: #999;
            padding: 0 !important;
            width: 100%;
            bottom: 2px;
            background-color: #FFF;
        }

        .type_message {
            position: relative;
            float: left;
            width: 100%;
            margin: 0;
            border-top: 1px #e1e1e1 solid;
            padding-bottom: 0 !important;
        }

            .type_message p {
                padding: 0 5px !important;
            }

        .chat_warning {
            position: absolute;
            min-width: 88% !important;
            background-color: #f9edbe;
            border: 1px #f0c36d solid;
            box-shadow: 0px 0px 3px #DDD;
            border-radius: 5px;
            color: #444;
            margin: 0 15px;
            padding: 0 !important;
            box-sizing: border-box;
            bottom: 60px;
            z-index: 100;
        }

        .name_chat_warning {
            padding: 8px 15px 8px 12px;
            display: inline-block;
        }

        .btnoption, .btnendchat {
            font-size: 12px;
            color: #badbee;
            font-weight: normal;
            cursor: pointer;
        }

            .btnoption:hover, .btnendchat:hover {
                color: #FFF;
            }

        .option_form {
            position: absolute;
            bottom: 29px;
            left: 1px;
            background-color: #FFF;
            width: 180px;
            border: 1px #cacaca solid;
            border-radius: 3px;
            padding: 15px 0 10px 0;
            box-shadow: 0px 0px 3px #AAA;
            display: none;
            z-index: 101;
        }

            .option_form:after {
                content: '';
                position: absolute;
                width: 0px;
                height: 0px;
                bottom: -6px;
                z-index: 9;
                left: 55px;
                border-style: solid;
                border-width: 7px 6px 0 6px;
                border-color: #FFF transparent transparent transparent;
            }

            .option_form:before {
                content: '';
                position: absolute;
                width: 0px;
                height: 0px;
                bottom: -8px;
                z-index: 9;
                left: 54px;
                border-style: solid;
                border-width: 8px 7px 0 7px;
                border-color: #cacaca transparent transparent transparent;
            }

        .endchat_form {
            position: absolute;
            bottom: 29px;
            left: 1px;
            background-color: #FFF;
            width: 286px;
            border: 1px #cacaca solid;
            border-radius: 5px;
            padding: 5px 0 10px 0;
            box-shadow: 0px 0px 4px #AAA;
            display: none;
            z-index: 101;
        }

            .endchat_form:after {
                content: '';
                position: absolute;
                width: 0px;
                height: 0px;
                bottom: -6px;
                z-index: 9;
                left: 105px;
                border-style: solid;
                border-width: 7px 6px 0 6px;
                border-color: #FFF transparent transparent transparent;
            }

            .endchat_form:before {
                content: '';
                position: absolute;
                width: 0px;
                height: 0px;
                bottom: -8px;
                z-index: 9;
                left: 104px;
                border-style: solid;
                border-width: 8px 7px 0 7px;
                border-color: #cacaca transparent transparent transparent;
            }

        .endchat_form_title, .endchat_form_button {
            position: relative;
            display: inline-block;
            width: 100%;
            padding: 5px 0;
        }

            .endchat_form_title .endchat_label {
                display: inline-block;
                font-weight: bold;
                color: #333;
                padding-left: 10px;
            }

            .endchat_form_title .endchat_action {
                display: inline-block;
                float: right;
                padding-right: 3px;
                font-size: 11px;
                color: #0071af;
            }

                .endchat_form_title .endchat_action a {
                    padding: 0 3px;
                }

        .endchat_form_button {
            text-align: center;
        }

            .endchat_form_button .btnvote {
                display: inline-block;
                background-color: #555;
                border-radius: 3px;
                padding: 4px 10px;
                font-size: 11px;
                color: #FFF;
            }

                .endchat_form_button .btnvote i {
                    display: inline-block;
                    width: 14px;
                    height: 14px;
                    margin: 0 8px 0 0;
                    vertical-align: middle;
                }

                .endchat_form_button .btnvote .vote_good {
                    background-position: -186px -34px;
                    margin: -4px 8px 0 0;
                }

                .endchat_form_button .btnvote .vote_bad {
                    background-position: -186px -49px;
                }

                .endchat_form_button .btnvote:hover {
                    text-decoration: none;
                    opacity: 0.9;
                    filter: alpha(opacity=90);
                    transition-duration: 0.5s;
                }

                .endchat_form_button .btnvote.selected {
                    background-color: #2292d0;
                }

        .option_config_sound {
            position: relative;
            display: inline-block;
            width: 100%;
            border-bottom: 1px #cacaca solid;
            padding: 8px 0;
            cursor: pointer;
        }

            .option_config_sound .nameconfig {
                display: inline-block;
                color: #444;
                padding-left: 18px;
                cursor: pointer;
                min-width: 60%;
            }

        .icon_sound {
            position: absolute;
            width: 12px;
            height: 13px;
            background-position: -106px -17px;
            top: 10px;
            right: 22px;
        }

        .icon_sound_off {
            position: absolute;
            width: 17px;
            height: 17px;
            background-position: -118px -17px;
            top: 6px;
            right: 18px;
        }

        .icon_sound:hover {
            opacity: 0.5;
        }

        .option_config_line {
            position: relative;
            display: inline-block;
            margin-top: 8px;
            padding: 0 18px;
            color: #444;
        }

            .option_config_line a {
                color: #444;
            }

                .option_config_line a:hover {
                    color: #0071af;
                    text-decoration: none;
                }

                .option_config_line a.notyet {
                    text-decoration: underline;
                }

            .option_config_line label {
                color: #AAA;
            }

        .btn_endchat {
            text-align: center;
            padding: 2px 28px 5px 28px;
            color: #FFF !important;
            display: inline-block;
            border-radius: 4px;
            font-weight: bold;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            text-indent: 0;
        }

            .btn_endchat:hover {
                text-decoration: none;
                color: #FFF;
                opacity: 0.9;
                filter: alpha(opacity=90);
                transition-duration: 1s;
            }

        .btn_endchat_small {
            text-align: center;
            padding: 2px 8px 5px 8px;
            color: #FFF !important;
            display: inline-block;
            border-radius: 4px;
            font-weight: bold;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            text-indent: 0;
        }

            .btn_endchat_small:hover {
                text-decoration: none;
                color: #FFF;
                opacity: 0.9;
                filter: alpha(opacity=90);
                transition-duration: 1s;
            }

        #option_end_chat {
            display: none;
        }

        #option_contact_details {
            display: none;
        }

        #option_email_transcript {
            display: none;
        }

        #option_edit_successful {
            display: none;
        }

        .option_config_line .icon_delete {
            right: -10px;
            top: 0;
        }

        .option_config_line .icon_edit {
            top: 0;
            right: 8px;
        }

        .config_complete {
            position: relative;
            display: inline-block;
            width: 75%;
            word-break: break-all;
            padding: 5px 18px;
        }

            .config_complete strong {
                line-height: 20px;
            }

        .bg-loading {
            position: relative;
            width: 100%;
            min-height: 300px;
        }

        .img-loading {
            position: absolute;
            width: 30px;
            height: 30px;
            background: url(http://static-dashboard.subiz.com/widget/img/loading-transparent.gif) no-repeat;
            top: 50%;
            margin-top: -15px;
            left: 50%;
            margin-left: -15px;
            z-index: 9999;
        }

        /*----------Form Survey-----------*/
        .text_notice_inline {
            position: relative;
            text-align: center;
            font-size: 11px;
            color: #999;
            width: 100%;
            padding: 7px 0 !important;
        }
        /*----------Bubble----------------*/
        #subiz-bubble {
            position: relative;
            width: 100%;
            top: 0px;
            text-align: center;
        }

        .subiz-bubble-close {
            position: absolute;
            width: 8px;
            height: 8px;
            background: url(http://static-dashboard.subiz.com/widget/img/close-bubble.png) no-repeat center center;
            top: -5px;
            right: -5px;
            z-index: 9999;
            padding: 5px;
        }

        @media screen and (-webkit-min-device-pixel-ratio:2) {
            .button_chat_offline .button_chat_offline_text {
                display: inline-block;
                min-width: 160px;
                overflow: hidden;
                font-size: 11px !important;
            }
        }

        .icon_close {
            position: absolute;
            width: 14px;
            height: 14px;
            background: url(http://static-dashboard.subiz.com/widget/img/close-option.png) no-repeat;
            right: 0;
            top: 0;
            cursor: pointer;
        }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
    </script>
    <script type="text/javascript">
        //$('.panel-heading span.clickable').on('click', function (event) {
        //    alert("ok");
        //    var $this = $(this);
        //    if (!$this.hasClass('panel-collapsed')) {
        //        $this.parents('.panel').find('.panel-body').slideUp();
        //        $this.addClass('panel-collapsed');
        //        $this.find('i').removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
        //    } else {
        //        $this.parents('.panel').find('.panel-body').slideDown();
        //        $this.removeClass('panel-collapsed');
        //        $this.find('i').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
        //    }
        //})        
        $(document).ready(function () {            
            //alert("okfskfskfs");
            //$(".offline_heading").click(function () {
            //    $(".widget_body").hide();
            //    $(".button_chat_offline").show();                
            //});
            //$(".button_chat_offline").click(function () {
            //    $(".button_chat_offline").hide();
            //    $(".widget_body").show(500);                
            //});
        });
    </script>
</head>
<body>    
    <div id="subiz_right_bottom">
        <div id="subiz_wrapper">
            <div style="display: block;" class="button_chat_offline color_theme_default">
                <div class="widget-sprites button_chat_offline_icon"></div>
                <div class="button_chat_offline_text">Để lại tin nhắn cho chúng tôi!</div>
                <div class="widget-sprites button_chat_icons expand_icon"></div>
            </div>
            <div class="widget_body color_theme_default" style="display: none;">
                <div class="offline_heading">
                    <label class="button_chat_offline_text">Liên hệ với chúng tôi!</label>
                    <i class="widget-sprites button_chat_icons shrink_icon"></i>
                </div>
                <div class="widget_body_inner">
                    <div style="display:none;" class="bg-loading" id="subiz_loading">
                        <i class="img-loading"></i>
                    </div>
                    <div id="subiz_offline">
                        <div> <p> Hiện nay chúng tôi không ở đây, xin vui lòng để lại lời nhắn hoặc liên hệ 19009099 để được hỗ trợ </p> </div> <div> <p> <input type="text" placeholder="Xin mời nhập Họ tên" id="v_name_offline" class="text v_name"> </p> <p style="display:none;" id="error_name_offline"> <font class="text_warning">Xin vui lòng nhập tên của bạn</font> </p> </div> <div> <p> <input type="text" placeholder="Email (để tôi liên hệ với bạn)" id="v_email_offline" class="text v_email"> </p> <p style="display:none;" id="error_email_offline"> <font class="text_warning">Xin vui lòng nhập email</font> </p> </div> <div> <p> <input type="text" placeholder="Xin mời nhập số điện thoại" id="v_phone_offline" class="text v_phone"> </p> <p style="display:none;" id="error_phone_offline"> <font class="text_warning">Vui lòng nhập số điện thoại của bạn</font> </p> </div> <div style="display:none;" id="department_edit"> <p> <select id="v_department_offline_edit"> <option value=""></option> </select> </p> <p style="display:none;" id="error_department_edit_offline"> <font class="text_warning">Chọn bộ phận hỗ trợ</font> </p> </div> <div style="display:none;"> <p> <font class="text_note">Đăng nhập bằng</font> <a href="javascript:;"><i class="widget-sprites icon_login icon_login_facebook"></i></a> <a href="javascript:;"><i class="widget-sprites icon_login icon_login_google"></i></a> </p> </div> <div> <p> <textarea class="textarea_offline" placeholder="Hãy gửi tin nhắn cho chúng tôi về vấn đề của bạn:" rows="2" cols="20" id="v_message_offline_edit"></textarea> </p> </div> <div class="offline_end"> <p> <a class="btn_send_message color_theme_default" href="javascript:;" id="send_message_offline_edit">Gửi tin nhắn</a> </p> </div>
                    </div>
                    <div id="message_successful" style="display: none;"> <div> <p> Cảm ơn đã gửi tin nhắn. Chúng tôi sẽ sớm hồi âm lại. </p> </div> <div> <p class="message_notice"> <label class="top_notice"> <strong class="v_name_text"></strong><br> <font class="v_email_text"></font> </label> <label class="body_notice" id="message_offline_text"></label> </p> </div> <div> <p> <a class="btn_send_another color_theme_default" href="javascript:;">Gửi tin nhắn khác</a> </p> </div> </div> <div id="offline_active_box" style="display: none;"> <div> <p> Hiện nay chúng tôi không ở đây, xin vui lòng để lại lời nhắn hoặc liên hệ 19009099 để được hỗ trợ </p> </div> <div> <p class="account_active"> <label class="name_account_active"> <strong class="v_name_text"></strong><br> <font class="v_email_text"></font> </label> <a href="javascript:;"><i class="widget-sprites icon_actions icon_delete"></i></a> <a id="icon_edit_contact_offline" href="javascript:;"><i class="widget-sprites icon_actions icon_edit"></i></a> </p> </div> <div style="display:none;" id="department"> <p> <select id="v_department_offline"> <option value=""></option> </select> </p> <p style="display:none;" id="error_department_offline"> <font class="text_warning">Chọn bộ phận hỗ trợ</font> </p> </div> <div> <p> <textarea class="textarea_offline" placeholder="Hãy gửi tin nhắn cho chúng tôi về vấn đề của bạn:" rows="2" cols="20" id="v_message_offline"></textarea> </p> </div> <div class="offline_end"> <p> <a class="btn_send_message color_theme_default" id="send_message_offline" href="javascript:;">Gửi tin nhắn</a> </p> </div> </div>
                </div> <div class="widget_body_footer">
                    <div style="" id="twitter"> <a target="_blank" href="https://twitter.com/ShoponeViettel"><i class="widget-sprites icon-social icon-social_twitter"></i></a> </div> <div style="" id="facebook"> <a target="_blank" href="https://www.facebook.com/shopone.vtict"><i class="widget-sprites icon-social icon-social_facebook"></i></a> </div> <a target="_blank" href="http://subiz.com/?utm_source=id5097&amp;utm_medium=widget&amp;utm_campaign=widget_referral"><i class="widget-sprites subiz_logo"></i></a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
